@font-face {  
   font-family: 'HWXingkai';     
   src: url('fonts/STXingkai.eot'), url('fonts/STXingkai.otf');font-weight: normal; font-style: normal;
}
html,body { margin:0; padding:0;background: #f8f8f8;font:12px/1.6 "Arial","SourceHanSan","microsoft yahei", sans-serif; color:#333;-webkit-text-size-adjust:none;font-family:SourceHanSan, "Garamond", "Open Sans", 
	"思源黑体 CN", 
	"PingFang SC",
	"microsoft yahei",
	"Source Sans Pro",
	"-apple-system",
	"BlinkMacSystemFont",
	"Segoe UI",
	"Roboto",
	"Helvetica Neue",
	"Arial",
	"sans-serif",
	}
.media-mobile,
.media-mobile-ibk {display:none !important;}
.media-pc{ display:block !important}
.media-pc-ibk { display:inline-block !important}
.none{display: none;}
.cursor_default{cursor:default;}
/* html,body,.container{height: 100%;} */
html,body {min-width: 1024px; }
.body {min-height: 100%;}
img {max-width:100%;vertical-align: top;border: none;}
input, select { outline:none}
ol ,ul, li { margin:0;padding:0;list-style: none;}
a { color: #333;text-decoration:none;transition: color 300ms;-webkit-transition: color 300ms;}
a:focus, a:hover { text-decoration:none;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666; }
::-moz-placeholder { /* Mozilla Firefox 19+ */  color: #666;}
input, textarea, select, button { font-size:12px;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color:#666;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color:#666; line-height:1.5;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:1em; margin:auto; line-height:inherit;}
.al{ text-align:left;}
.ac{ text-align:center;}
.ar{ text-align:right;}
.fl { float:left;}
.fr { float:right;}
.fn { float:none;}
ol ,ul { margin:0;padding:0;}
.hr-bold {display: block;height: .5em;background: #D5D5D5;border: none;}
.overflow { overflow:hidden;}
.img-wrap{ width:100%; zoom:1;}
.c-black { color:#000;}
.c-icon  { color:#BDAA79;}
.c-theme  { color:#7C6138;}
.fs-small { font-size:0.8em;}
.fs-medium { font-size:1.2em;}
.fs-large { font-size:1.4em;}

.fs-lg { font-size:1.15em;}
.fs-sm { font-size:0.85em;}
.fs-xs  { font-size:0.7em;}
.vt { vertical-align:top !important;}
.vm { vertical-align:middle !important;}
.vb { vertical-align:bottom !important;}
.mt5 { margin-top:5px;}
.mr5 { margin-right:5px;}
.mb5 { margin-bottom:5px;}
.ml5 { margin-left:5px;}
.mx5 { margin-left:5px; margin-right:5px;}
.my5 { margin-top:5px; margin-bottom:5px;}
.m5 { margin:5px;}
.pt5 { padding-top:5px;}
.pr5 { padding-right:5px;}
.pb5 { padding-bottom:5px;}
.pl5 { padding-left:5px;}
.px5 { padding-left:5px; padding-right:5px;}
.py5 { padding-top:5px; padding-bottom:5px;}
.p5 { padding:5px;}

.mt10 { margin-top:10px;}
.mr10 { margin-right:10px;}
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.mx10 { margin-left:10px; margin-right:10px;}
.my10 { margin-top:10px; margin-bottom:10px;}
.m10 { margin:10px;}
.pt10 { padding-top:10px;}
.pr10 { padding-right:10px;}
.pb10 { padding-bottom:10px;}
.pl10 { padding-left:10px;}
.px10 { padding-left:10px; padding-right:10px;}
.py10 { padding-top:10px; padding-bottom:10px;}
.p10 { padding:10px;}

.mt15 { margin-top:15px;}
.mr15 { margin-right:15px;}
.mb15 { margin-bottom:15px;}
.ml15 { margin-left:15px;}
.mx15 { margin-left:15px; margin-right:15px;}
.my15 { margin-top:15px; margin-bottom:15px;}
.m15 { margin:15px;}
.pt15 { padding-top:15px;}
.pr15 { padding-right:15px;}
.pb15 { padding-bottom:15px;}
.pl15 { padding-left:15px;}
.px15 { padding-left:15px; padding-right:15px;}
.py15 { padding-top:15px; padding-bottom:15px;}
.p15 { padding:15px;}
body .to-visible { display:block !important;  height:auto !important;visibility: hidden;}
.wrap {width:50%;margin-left: auto; margin-right: auto;}
.clearfix:before,.clearfix:after {content: ""; display: block; overflow: hidden;clear:both;}

.ol-type-square,
.ol-type-arrow,
.ol-type-arrow2,
.ol-type-circle  {list-style-type:none; padding-left:1em;}
.ol-type-square li,
.ol-type-arrow  li,
.ol-type-arrow2  li,
.ol-type-circle li{ text-indent:-1em; overflow:visible!important; display:block !important; width:auto !important; margin:auto !important;}
.ol-type-square li:before,
.ol-type-arrow  li:before,
.ol-type-arrow2  li:before,
.ol-type-circle li:before{ content:""; display:inline-block; width:1em;vertical-align:middle; margin-top:-0.4em; text-indent:0; }
.ol-type-square li:before{ content:"■";}
.ol-type-arrow  li:before{ content:"►";}
.ol-type-arrow2 li:before{ content:">"; font-family:SimSun; font-style:normal;}
.ol-type-circle li:before{ content:"●";}

.ol-type-text {padding-left:1em;list-style-type:none;}
.ol-type-text li{ text-indent:-1em;overflow:visible!important;}
.ol-type-text .ol-type-label {list-style-type:none; display:inline-block;width:1em;vertical-align:top;text-indent:0;}
.ol-type-text-1 {padding-left:1em;}
.ol-type-text-2 {padding-left:2em;}
.ol-type-text-3 {padding-left:3em;}
.ol-type-text-4 {padding-left:4em;}
.ol-type-text-5 {padding-left:5em;}
.ol-type-text-6 {padding-left:6em;}
.ol-type-text-1 li{ text-indent:-1em;}
.ol-type-text-2 li{ text-indent:-2em;}
.ol-type-text-3 li{ text-indent:-3em;}
.ol-type-text-4 li{ text-indent:-4em;}
.ol-type-text-5 li{ text-indent:-5em;}
.ol-type-text-6 li{ text-indent:-6em;}
.ol-type-text-1 .ol-type-label {width:1em;}
.ol-type-text-2 .ol-type-label {width:2em;}
.ol-type-text-3 .ol-type-label {width:3em;}
.ol-type-text-4 .ol-type-label {width:4em;}
.ol-type-text-5 .ol-type-label {width:5em;}
.ol-type-text-6 .ol-type-label {width:6em;}

/* swiper */
.swiper { width:100%;visibility:hidden; position:relative;background:url(../image/common/loading.gif) no-repeat center; background-size:16px auto;}
.swiper-inited {  width:100%;position:relative;visibility:visible;background: none;}
.swiper-mask {overflow:hidden; }
.swiper-slide{float: left; overflow:hidden; position:relative;box-sizing: content-box;}
.swiper-single .swiper-prev,.swiper-single .swiper-next,.swiper-single .swiper-pagination { display:none !important;}
.swiper-single .swiper-pagination { display:none;}
.swiper-pagination { position:absolute; z-index:100;width:100%;left:0;bottom:0; text-align:center; transform:translate3d(0,0,0);}
.swiper-pagination .swiper-pagination-switch { display:inline-block; border-radius:5px;background:#7C6138;width:8px;height:8px; margin:0 3px;}
.swiper-pagination .swiper-active-switch {background:#EBB133;}
.swiper-prev { position:absolute; z-index:50;width:50px; height:100%;left: 0;top:0;text-align:center;cursor:pointer;}
.swiper-next { position:absolute; z-index:50;width:50px; height:100%;right:0;top:0;text-align:center;cursor:pointer;}
.swiper-prev:before { content:"";display:inline-block;width:20px; height:100%;background-position:left  center;background-repeat:no-repeat;}
.swiper-next:before { content:"";display:inline-block;width:20px; height:100%;background-position:right center;background-repeat:no-repeat;}
.swiper-prev-white:before { background-image:url(../image/common/prev-white.png);}
.swiper-next-white:before { background-image:url(../image/common/next-white.png);}
.swiper-prev-black:before { background-image:url(../image/common/prev-black.png);}
.swiper-next-black:before { background-image:url(../image/common/next-black.png);}
.swiper-prev-color:before { background-image:url(../image/common/prev-color.png);}
.swiper-next-color:before { background-image:url(../image/common/next-color.png);}
.swiper-lazy { min-width:100px; min-height:80px;background:url(../image/common/loading.gif) #f9f9f9 no-repeat center; background-size:16px auto;}
.swiper-lazy-img{ visibility:hidden; height:0;}
.swiper-lazy-img-loaded{ visibility:visible; height:auto;}
.swiper-prev-disabled,.swiper-next-disabled { display:none !important;}

.scrollbox { display:block;padding-right:16px; position:relative;overflow: hidden;}
.swiper-scrollbar {background:none;position:absolute!important;right:8px;top:0;height:100%;width:3px;}
.swiper-scrollbar .swiper-scrollbar-drag {background:#D0102C;}
/* */
.swiper-scale { position:relative;}
.swiper-scale:before { content:""; display:inline-block;height:0; padding-bottom:34.85%;}
.swiper-scale .swiper-mask{position:absolute; width:100%;height:100% !important;left:0;top:0;}
.swiper-scale ul{position:absolute;height:100% !important;left:0;top:0;}
.swiper-scale ul li{ height:100% !important;}
.swiper-scale li img{ max-width:100%;}
/* auto-height */
.swiper-auto { position:relative;}
.swiper-auto ul{height:auto !important;overflow: hidden;}
.swiper-auto ul li{ height:auto !important;}
.swiper-auto li img{ max-width:100%;}
/* swiper-content-summary */
.swiper-content-summary { overflow:hidden;zoom:1; padding:15px 0 20px 0;}
.swiper-content-summary h3{ margin:0; padding:5px; border:1px #7C6138 solid; display:inline-block; color:#7C6138; font-size:1rem; max-width:45%;}
.swiper-content-summary >ol,.swiper-content-summary >div{ float:right; font-size:.7rem;max-width:55%;}
.swiper-content-summary ol li{ margin:0; font-size:1rem;margin-bottom:.2em; line-height:1.4; font-weight:normal; height:auto !important;}
.swiper-content-summary p{ margin:0; font-size:1rem;}

.swiper-coanda-effect .swiper-content { position:absolute;z-index:100;left:0;top:9%; font-size:.8rem; line-height:1.6;;padding:1em;width:58%; background-color:rgba(0,0,0,.3); color:#fff;}
.swiper-coanda-effect .swiper-content h2 { font-size:1.5em; margin-bottom:.5em; margin-top:0;}
.swiper-coanda-effect .swiper-content .icon { display:inline-block; width:2em; height:2em; position:absolute;right:1em;top:1em;}
.swiper-coanda-effect .swiper-slide-active  .swiper-content { visibility:visible;}

.icon { display:inline-block;width:1em!important;height:1em!important;vertical-align:middle;margin-top:-.15em; background-size:100% auto; background-repeat:no-repeat;}
.icon-arrow  { background-image:url(../image/common/icon_arrow.png);}
.icon-arrow-bg  { background-image:url(../image/common/arrow-bg.png);}
.icon-arrow-white  { background-image:url(../image/common/arrow-white.png);}
.icon-arrow-blue  { background-image:url(../image/common/arrow-blue.png);}
.icon-arrow-black  { background-image:url(../image/common/arrow-black.png);}
.icon-tel  { background-image:url(../image/common/icon-tel.png);}
.icon-pix    { background-image:url(../image/common/icon_pix.png);}
.icon-pix-gray{ background-image:url(../image/common/icon_pix_gray.png);}
.icon-player { background-image:url(../image/common/icon_player.png);}
.icon-fqa    { background-image:url(../image/common/icon_fqa.png);}
.icon-course { background-image:url(../image/common/icon_course.png);}
.icon-gift   { background-image:url(../image/common/icon_gift.png);}
.icon-prev   { background-image:url(../image/common/icon_prev.png);}
.icon-prev-gray   { background-image:url(../image/common/icon_prev_gray.png);}
.icon-next   { background-image:url(../image/common/icon_next.png);}
.icon-next-gray   { background-image:url(../image/common/icon_next_gray.png);}
.icon-tips   { background-image:url(../image/common/icon_tips.png);}
.icon-trophy   { background-image:url(../image/common/icon_trophy.png);}
.icon-vrv   { background-image:url(../image/common/icon_vrv.png); width:2.5em;}
.icon-flower   { background-image:url(../image/common/icon_flower.png);}
.ie8 .icon {background-image:none;}
.ie8 .icon-arrow {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/newha//image/common/icon_arrow.png");}
.ie8 .icon-arrow-bg {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/newha//image/common/arrow-bg.png");}
.ie8 .icon-arrow-white {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/newha//image/common/arrow-white.png");}
.ie8 .icon-arrow-blue {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/newha//image/common/arrow-blue.png");}
.ie8 .icon-arrow-black {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/newha//image/common/arrow-black.png");}
.ie8 .icon-pix {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/newha//image/common/icon_pix.png");}
.ie8 .icon-pix-gray {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/newha//image/common/icon_pix_gray.png");}
.ie8 .icon-player {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/newha//image/common/icon_player.png");}
.ie8 .icon-fqa {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/newha//image/common/icon_fqa.png");}
.ie8 .icon-course {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/newha//image/common/icon_course.png");}
.ie8 .icon-gift {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/newha//image/common/icon_gift.png");}
.ie8 .icon-prev {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/newha//image/common/icon_prev.png");}
.ie8 .icon-prev-gray {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/newha//image/common/icon_prev_gray.png");}
.ie8 .icon-next {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/newha//image/common/icon_next.png");}
.ie8 .icon-next-gray {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/newha//image/common/icon_next_gray.png");}
.ie8 .icon-tips {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/newha//image/common/icon_tips.png");}
.ie8 .icon-trophy {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/newha//image/common/icon_trophy.png");}
.ie8 .icon-vrv {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/newha//image/common/icon_vrv.png");}
.ie8 .icon-flower {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/newha//image/common/icon_flower.png");}

.icon-1x {font-size:0.60em;}
.icon-2x {font-size:0.83em;}
.icon-3x {font-size:1.00em;}
.icon-4x {font-size:1.20em;}
.icon-5x {font-size:1.43em;}
.icon-6x {font-size:1.60em;}
.icon-7x {font-size:1.80em;}
.icon-8x {font-size:2.00em;}
.icon-9x {font-size:2.20em;}

/* toggler */
.toggler {}
.toggler-detail { display:none;}
.toggler-btn:before { content:"显示更多"; display:block; color:#62B6DA; padding-top:1em}
.toggler.open .toggler-summary { display:none;}
.toggler.open .toggler-detail { display:block;}
.toggler.open .toggler-btn:before { content:"收起"; }
/* button */
.btn-default { font-size:1rem;padding:.5em 2em; line-height:1;background-color:#7C6038; color:#fff; border-radius:.3em; border:none;}
.btn-default:active,.btn-default:hover {color:#fff !important;background-color:#936B32 !important;}
.btn-long { width:8em;}
.btn-arrow-left:before { content:"";display:inline-block;border-color:transparent #fff transparent transparent;border-style:solid; border-width:.3em;margin-left:-.5em; margin-right:.5em;vertical-align:middle;}
.btn-arrow-right:after { content:"";display:inline-block;border-color:transparent transparent transparent #fff;border-style:solid; border-width:.3em;margin-left:.5em; margin-right:-.5em;vertical-align:middle;}
	
/* video */
.v-player { position:relative;text-align:center;  cursor:pointer;display: inline-block;}
.v-player img{ max-width:100%;}
.v-player i{ position:absolute;left:50%;top:50%;width:64px; height:64px; margin: -32px;background: url(../image/common/player.png); transition: transform 300ms;}
.v-player:hover i{transform: scale(0.92);}

/* panel-title-line */
div .panel-title-line { white-space:nowrap;text-align:center; overflow:hidden;}
div .panel-title-line > h2{ width:300%; margin-left:-100% !important;display:inline-block; vertical-align:middle;margin-top:0 !important; margin-bottom:0 !important; font-size:1.3rem !important; font-weight:bold !important;}
div .panel-title-line > h2 a{ color:#7C6138; text-decoration:none;}
div .panel-title-line > h2:before{ content:""; display:inline-block; width:30%;height:0; margin-right:10px;border-bottom:1px #7C6138 solid;vertical-align:middle;}
div .panel-title-line > h2:after { content:""; display:inline-block; width:30%;height:0; margin-left:10px;border-bottom:1px #7C6138 solid;vertical-align:middle;}
div .panel-title-line > h2 img { max-height:100%; max-width:10%; margin:0 10px;}
div .panel-title-line > h3 { margin-top:1em; margin-bottom:0;font-size:1rem; font-weight:normal;}

/* loading */
.loading{width:100%;height:100%;position:absolute;left:0;top:0; z-index:999; text-align:center;transition:opacity 800ms;-webkit-transition:opacity 800ms; background-color:rgba(255,255,255,.6);}
#loading.remove{ opacity:0;}
.loading:before { content:""; display:inline-block; vertical-align:middle; height:100%;}
.loading-title {display:inline-block;vertical-align:middle;position:relative; z-index:2; color:#fff; padding:15px; border-radius:5px;background:#fff;/*box-shadow:0 0 0 5px rgba(255,255,255,.2);-webkit-box-shadow:0 0 0 5px rgba(255,255,255,.2);*/}
.loading-mask {position:absolute; width:100%; height:100%;left:0;top:0; background:#000;filter:alpha(opacity=00);opacity:.0;}
/* alert */
.alert{width:100%;height:100%;position:fixed;left:0;top:0; z-index:2000; text-align:center; font-size:14px; border:none}
.alert:before { content:""; display:inline-block; vertical-align:middle; height:100%;}
.alert-inside {display:inline-block;vertical-align:middle;position:relative;z-index:2;width:80%;max-width: 320px; border-radius:3px;background:rgba(255,255,255,1); overflow:hidden;}
.alert-title {display:block; padding:30px;}
.alert-confirm {display:block;line-height:1.2;padding:15px 0; font-size:1.2em;border-top:1px #ddd solid; background-color:#fff;cursor:pointer; color:#D0102C;}
.alert-confirm:hover { color:#000;}
.alert-mask {position:absolute; width:100%; height:100%;left:0;top:0; background:#000;filter:alpha(opacity=60);opacity:.6;}
.alert img { max-width:90%; max-height:90%}
	
/* popup */
.popup { position:fixed;width:100%;height:100%;left:0;top:0; z-index:1050; text-align:center; white-space:nowrap;}
.popup:before { content:"";width:0%;height:100%; display:inline-block; vertical-align:middle;}
.popup-inside {display:inline-block;vertical-align:middle; padding:10px; background:#fff; position:relative; z-index:10; white-space:normal;}
.popup-mask {background:#fff; position:absolute;width:100%; height:100%;left:0;top:0;;filter:alpha(opacity=90);opacity:.9}
.popup-close {display:inline-block;position:fixed; z-index:1000;right:0;top:0;width:40px;height:40px;text-align:center;line-height:1;background:#D0102C;color:#fff;font-size:20px; cursor:pointer; font-weight:normal; white-space:nowrap;}
.popup-close:before { content:""; display:inline-block; width:0; padding-bottom:100%; vertical-align:middle;}
.popup-close i { display:inline-block;vertical-align:middle; font-style:normal;}
/*.popup-active,.popup-active body {height:100%; overflow:hidden;}*/

.popup-video .popup-inside {width:80%;max-width:1000px;position:relative;border:10px #fff solid; padding:0;}
.popup-video .popup-inside:before { content:""; display:inline-block;width:0%;height:0; vertical-align:top;overflow:hidden;padding-bottom:62.5%;}
.popup-video .popup-main { position:absolute;left:0;top:0;width:100%;height:100%;}
.popup-video .icon { width: 40px!important;}


/**/
.goto-top {display:none;position:fixed;right:0;bottom:0px;background:#000; color:#fff; text-align:center;font-size:10px; line-height:1;padding:10px;opacity:.8;cursor:pointer;}
.goto-top:hover { opacity:1;color:#fff;}
.goto-top * {box-sizing:content-box;-webkit-box-sizing:content-box;}
.goto-top b { height:0; display:block;padding-bottom:100%; font-weight:normal;}
.goto-top b:before { content:"︿"; display:block; line-height:0;margin-bottom:1em; text-align:center}
.goto-top b:after{ content:"顶部"; display:block;}
.goto-top-show { display:block;}

/* 公用的一些小样式放下面 star */
.img-hover {overflow: hidden;}
img.img-hover,.img-hover img {transition: transform 300ms;-webkit-transition: -webkit-transform 300ms;}
img.img-hover:hover,.img-hover:hover img {transform: scale(1.1);-webkit-transform: scale(1.1);}

.c-cate-title h2 {font-size: 3.4em; font-weight: 300;}
.c-cate-title h3 {font-size: 1.2em;}

.readmore-arrow {font-size:inherit;color: #000;display: inline-block;line-height: 1;}
.readmore-arrow:after {content: "";display: inline-block;vertical-align:middle; width: 1em; height: 1em;margin-left: 1.2em;margin-right: 0.3em;margin-top: -0.4em; background: url(../image/common/chevron-left-3.png) no-repeat center;background-size:40% auto; transition: margin 300ms;}
.readmore-arrow:hover:after {margin-left: 1.5em;margin-right: 0;}

.hash-bar {position: relative;letter-spacing: -4px;height: 0; padding-bottom: 5.3%;transition: background 300ms;}
.hash-bar-scale{position: absolute;left:0;width:100%;height: 100%}
.hash-bar-scale .wrap{height: 100%}
.hash-bar .logo{float:left;width: 0px;height: 100%;opacity: 0; transition: width 0s 300s, opacity 300ms 0ms;overflow: hidden;}
.hash-bar .logo:before{content:""; display: inline-block; vertical-align: middle;width: 0em; height:100%;}
.hash-bar .logo img{height: 44.2%;vertical-align: middle;}
.hash-bar ul {float: right;height: 100%;}
.hash-bar li {display: inline-block;text-align: center;letter-spacing: 0;font-size: 1.1em;width: 12em;height: 100%;line-height: 1;}
.hash-bar li:before {content:'';display:inline-block;height: 100%;vertical-align: middle;}
.hash-bar li a {display:inline-block;vertical-align: middle; margin-top:1em;}
.hash-bar li a:after {content:''; display:inline-block;width: 2em;height: 1px; background: #D0102C;margin:0 4em;vertical-align: bottom;visibility: hidden;}
.hash-bar li.active a:after {visibility: visible;}
.fixedbar-fixed .logo{width:200px; opacity:1; transition: width 0s 0s, opacity 300ms 0ms;}

.fixedbar-fixed {position: fixed;width: 100%;left:0;top:0;z-index: 1000;background: #fff;}

.popup-news-detail .popup-inside {width:80%;height: 75%; padding:0;overflow:hidden; background: none;position: static;}
.popup-news-detail .popup-main {height: 100%;position: relative;}
.popup-news-detail .popup-close {position: absolute;}
.popup-news-detail .popup-mask {z-index: -1}
.popup-news-detail .news-detail {display: block;height: 100%;}
.popup-news-detail .swiper {height: 90%;}
.popup-news-detail .swiper-mask {height: 100%;}
.popup-news-detail .swiper-pagination-number {font-family: simsun; text-align: left;margin-top: 1%; color: #888;letter-spacing: 0.3em;}
.popup-news-detail .swiper-pagination-number b {font-size: 3em;}
.news-detail {display: none;}
.news-detail .swiper-popup{width: 62%;}
.news-detail .swiper-popup img{width: 100%;}
.news-detail .content {font-size: 1.2em; position: absolute;right: 10px;top:5%;width: 35%;height: 64%;padding: 4%; /*background: #fff;*/text-align: left; box-shadow: 0 0 10px 0px rgba(0,0,0,.2)}
.news-detail .content h2 {font-size: 2em;font-weight: bold;line-height: 1;}
.news-detail .content h2:before {content:'';width:2.4em; height: 3px; display: inline-block;vertical-align:middle; background: #000;margin: -0.2em 1em 0 -3.4em;}
.news-detail .content .scrollbox {width: auto; height: 50%;margin-top: 3%; color: #888;line-height: 2.4}
.news-detail .other  {position: absolute;width:82%;left: 0;bottom: 0; margin:6% 9%; }
.news-detail .other-hd  {font-size: 1.2em;padding: 0.3em 0; border-bottom: 1px #ddd solid;}
.news-detail .other-hd img {vertical-align: middle;}
.news-detail .other-hd b {color: #D0102C; padding: 0 0.4em;}
.news-detail .other-bd  {margin-top: 2%;}
.news-detail .other-bd li {padding: 2% 0;}
.news-detail .other-bd li a:before{content:'•';padding-right:1.5em;font-size: 0.6em;display: inline-block;vertical-align: middle; margin-top: -0.2em;}
.news-detail .other-bd li a:hover{color: #D0102C;}
.news-detail .other-bd span {float: right;color: #ddd;}

/* 页面顶端图片 */
.top_img {width: 100%;}
.top_img img {width: 100%;}


/* 公用的一些小样式放上面 end */
@media (min-width: 769px){
	.hash-bar ul {text-align: right;}
	.hash-bar li {width: auto;text-align: right; margin-left: 5em;}
	.hash-bar li a {position: relative; margin-top: 0;}
	.hash-bar li a:after {position: absolute; display: block;margin: 0;bottom: -1em;left:50%;margin-left: -1em;}
	.hash-bar li a:hover:after {visibility: visible;}
	*{  
		scrollbar-face-color:#cccccc; /*面子*/  
		scrollbar-arrow-color:#fff; /*箭头*/  
		scrollbar-3dlight-color:#ccc; /*最外左*/  
		scrollbar-highlight-color:#ccc; /*左二*/  
		scrollbar-shadow-color:#ccc; /*右二*/  
		scrollbar-darkshadow-color:#ccc; /*右一*/  
		scrollbar-track-color:#eeeeee; /*滑道*/  
	}   
	::-webkit-scrollbar{width:10px; height:10px;}/*滚动条宽度*/ 
	::-webkit-scrollbar-button{}/*滚动条按钮*/   
	::-webkit-scrollbar-track{}/*滑道全部*/ 
	::-webkit-scrollbar-track-piece{  
		background-color:#eee;  /*滑道*/  
		-webkit-border-radius:0px; /*滑道圆角宽度*/  
	}  
	::-webkit-scrollbar-thumb{  
		background-color:#ccc; /*滑动条表面*/  
		border:solid 2px #ccc; /*滑动条边框*/  
		border-radius:7px;  /*滑动条圆角宽度*/  
	}  
	/*横竖滚动条交角*/  
	::-webkit-scrollbar-corner {  
		background-color:none;  
	}  
	/*横竖滚动条交角图案*/  
	::-webkit-resizer {  
		/*background-image: url(/public/img/resizer-inactive.png);*/  
	   background-repeat: no-repeat;  
	   background-position: bottom right;  
	}  
	/*鼠标滑过滑动条*/  
	::-webkit-scrollbar-thumb:hover{  
		background-color:#bbb; 
		border:solid 2px #bbb; /*滑动条边框*/   
	}  

	/* pc开始 */
	.none{display: none;}
	body {
			background: url(../image/common/bg.jpg) no-repeat;
			background-size: cover;
			width: 100%
	}
}
@media (min-width: 1024px) and (max-width: 1024px){
	.wrap {width: 98%;}
	input[type=text],input[type=tel],input[type=number],input[type=search],input[type=password], textarea { border-radius:0; appearance:none;-webkit-appearance:none; outline:none; box-shadow:none;}
}
@media (min-width: 768px) and (max-width: 768px){
	html,body {min-width: 0; }
	.wrap {width: 98%;}
	input[type=text],input[type=tel],input[type=number],input[type=search],input[type=password], textarea { border-radius:0; appearance:none;-webkit-appearance:none; outline:none; box-shadow:none;}
}
@media (min-width: 768px) and (max-width: 1366px){
	.news-detail .content h2 {font-size: 1.8em;}
}

@media (min-width: 768px) and (max-width: 1080px){
	body{overflow-x: hidden;overflow-y: scroll;}
}


/* 手机开始 */
@media screen and (max-width:767px){
	html,body {min-width: 0; }
	.font_xingkai { font-family: 'HWXingkai'; }
	.wrap {width: auto;}
	.xs-inside {padding-left:1rem;padding-right:1rem; }
    .media-pc,.media-pc-ibk { display:none !important}
	.media-mobile {display:block !important;}
	.media-mobile-ibk {display:inline-block !important;}
	*{-webkit-tap-highlight-color:rgba(255,0,0,0);outline:none;}
	html { font-size:12px;width: 100%; height:100%;}
	body { font-size:12px;width: 100%; height:100%; overflow-x:hidden; color:#333;}
	ul,li{ margin:0; padding:0; list-style-type:none;}
	img {zoom:.6; max-width:100%;} /*手机端2x图片*/
	input {font-size:.8rem;color:#7C6138; font-family:Arial,Tahoma,Microsoft YaHei,sans-serif;padding:0;}
	::-webkit-input-placeholder { color:rgba(124,97,56,.8);}
	input[type=text],input[type=tel],input[type=number],input[type=search],input[type=password], textarea { border-radius:0; appearance:none;-webkit-appearance:none; outline:none; box-shadow:none;}
	.body {box-sizing: border-box;}
	body {background: url(../image/index/m-bg.jpg) no-repeat;background-size: 100% 100%;width: 100%}
}